<template>
    <el-card>
        <el-table :data="tableData" style="width: 100%">
            <el-table-column prop="loginTime" label="登录时间" align="center" />
            <el-table-column prop="terminalType" label="终端类型" align="center" />
            <el-table-column prop="browserOrTerminalVersion" label="浏览器\终端版本" align="center" />
            <el-table-column prop="operatingSystem" label="操作系统" align="center" />
            <el-table-column prop="deviceName" label="设备名称" align="center" />
            <el-table-column prop="macAddress" label="MAC地址" align="center" />
            <el-table-column prop="loginIp" label="登录IP" align="center" />
            <el-table-column prop="location" label="所在地区" align="center" />
            <el-table-column label="操作" align="center">
                <template v-slot="scope">
                    <el-button type="primary" size="small">查看</el-button>
                </template>
            </el-table-column>
        </el-table>
    </el-card>
</template>

<script setup lang="ts">
import { reactive, ref, onMounted } from 'vue'
import axios from 'axios';
import { ElMessage, ElMessageBox } from 'element-plus'

var tableData = ref([])
const GetList = () => {
    axios.get("http://localhost:5161/api/Logger/LoginLogList").then((res) => {
        tableData.value = res.data.data

    })
}
onMounted(() => {
    GetList()
})
</script>

<style scoped></style>